{% extends "base.html" %}
{% load static %}

{% block content %}
<head>
    <title>雅歌音频</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1200, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="{% static 'images/apple-touch-icon.png'%}" rel="apple-touch-icon"/>
    <link href="{% static 'css/jquery-ui-themes.css' %}" type="text/css" rel="stylesheet"/>
    <link href="{% static 'css/axure_rp_page.css' %}" type="text/css" rel="stylesheet"/>
    <link href="{% static 'css/styles.css' %}" type="text/css" rel="stylesheet"/>
    <link href="{% static 'css/雅歌音频/styles.css' %}" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="{% static 'scripts/jquery-1.7.1.min.js' %}"></script>
    <script src="{% static 'scripts/jquery-ui-1.8.10.custom.min.js' %}"></script>
    <script src="{% static 'scripts/prototypePre.js' %}"></script>
    <script src="{% static 'scripts/document.js' %}"></script>
    <script src="{% static 'scripts/prototypePost.js' %}"></script>
    <script src="{% static 'scripts/雅歌音频/data.js' %}"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
</head>
<body>

    <div id="base" class="" style="top:0px;">

      <!-- Unnamed (矩形) -->
      <div id="u199" class="ax_default _默认样式">
        <div id="u199_div" class=""></div>
        <div id="u199_text" class="text ">
          <p><a id="u200" class="link"><span style="color:#999999;">首页</span></a><span> &gt; 雅歌音频</span></p>
        </div>
      </div>

      <!-- Unnamed (内页顶图) -->

      <!-- 顶部图片 (动态面板) -->
      <div id="u202" class="ax_default" data-label="顶部图片">
        <div id="u202_state0" class="panel_state" data-label="State1" style="">
          <div id="u202_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div  class="ax_default image"><!--删掉了id=u203-->
              <img id="u203_img" class="img " src="{% static 'images/u203.png' %}"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (顶部导航) -->

      <!-- 顶部导航 (动态面板) -->


      <!-- Unnamed (群组 ) -->


      <!-- Unnamed (侧边工具) -->

      <!-- 侧边工具 (动态面板) -->
      <div id="u222" class="ax_default" data-label="侧边工具">
        <div id="u222_state0" class="panel_state" data-label="State1" style="">
          <div id="u222_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u223" class="ax_default _默认样式">
              <div id="u223_div" class=""></div>
              <div id="u223_text" class="text ">
                <p style="font-size:28px;"><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在线咨询</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u224" class="ax_default _默认样式">
              <div id="u224_div" class=""></div>
              <div id="u224_text" class="text ">
                <p style="font-size:28px;"><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">关注我们</span></p>
              </div>
            </div>

            <!-- TOP (矩形) -->
            <div id="u225" class="ax_default _默认样式 ax_default_hidden" data-label="TOP" style="display:none; visibility: hidden">
              <div id="u225_div" class=""></div>
              <div id="u225_text" class="text ">
                <p style="font-size:28px;"><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">返回顶部</span></p>
              </div>
            </div>

            <!-- 二维码 (动态面板) -->
            <div id="u226" class="ax_default ax_default_hidden" data-label="二维码" style="display:none; visibility: hidden">
              <div id="u226_state0" class="panel_state" data-label="State1" style="">
                <div id="u226_state0_content" class="panel_state_content">

                  <!-- Unnamed (气泡) -->
                  <div id="u227" class="ax_default _默认样式">
                    <img id="u227_img" class="img " src="{% static 'images/u35.png' %}"/>
                  </div>

                  <!-- Unnamed (群组 ) -->
                  <div id="u228" class="ax_default" data-left="5" data-top="14" data-width="200" data-height="212">

                    <!-- Unnamed (矩形) -->
                    <div id="u229" class="ax_default _默认样式">
                      <img id="u229_img" class="img " src="{% static 'images/u37.png' %}"/>
                      <div id="u229_text" class="text ">
                        <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">关注微信公众号</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">获取最新分享内容</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u230" class="ax_default _默认样式">
                      <img id="u230_img" class="img " src="{% static 'images/u38.png' %}"/>
                      <div id="u230_text" class="text ">
                        <p><span>微信扫一扫关注</span></p><p><span>或搜索关注：华中师范大学出版社</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图片 ) -->
                    <div id="u231" class="ax_default image">
                      <img id="u231_img" class="img " src="{% static 'images/u39.jpg' %}"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u232" class="ax_default _默认样式">
                      <div id="u232_div" class=""></div>
                      <div id="u232_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 顶部热区 (热区) -->
      <div id="u233" class="ax_default" data-label="顶部热区">
      </div>

      <!-- 页面标题 (矩形) -->
      <div id="u234" class="ax_default _默认样式" data-label="页面标题">
        <div id="u234_div" class=""></div>
        <div id="u234_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'微软雅黑';font-weight:400;">雅歌音频&nbsp; </span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;">Chinese </span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">&amp;</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#999999;"> Lieder</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> </span></p>
        </div>
      </div>

      <!-- Unnamed (精简底部) -->

      <!-- 背景 (动态面板) -->
      <div id="u236" class="ax_default" data-label="背景">
        <div id="u236_state0" class="panel_state" data-label="State1" style="">
          <div id="u236_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u237" class="ax_default _默认样式">
        <div id="u237_div" class=""></div>
        <div id="u237_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:13px;">Copyright ©</span><a id="u238" class="link"><span style="font-size:13px;"> http://press.ccnu.edu.cn</span></a><span style="font-size:13px;">, All Rights Reserved.&nbsp; </span><span>举师范旗帜&nbsp;&nbsp; 铸教育品牌</span></p>
        </div>
      </div>

      <!-- Unnamed (群组 ) -->
      <div id="u239" class="ax_default" data-left="760" data-top="459" data-width="490" data-height="30">

        <!-- Unnamed (矩形) -->
        <div id="u240" class="ax_default _默认样式" selectiongroup="产品分类">
          <div id="u240_div" class=""></div>
          <div id="u240_text" class="text ">
            <p><span>国风雅歌</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u241" class="ax_default _默认样式" selectiongroup="产品分类">
          <div id="u241_div" class=""></div>
          <div id="u241_text" class="text ">
            <p><span>有声诗歌</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u242" class="ax_default _默认样式" selectiongroup="产品分类">
          <div id="u242_div" class=""></div>
          <div id="u242_text" class="text ">
            <p><span>民族歌曲</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u243" class="ax_default _默认样式" selectiongroup="产品分类">
          <div id="u243_div" class=""></div>
          <div id="u243_text" class="text ">
            <p><span>歌曲翻译</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u244" class="ax_default _默认样式 selected" selectiongroup="产品分类">
          <div id="u244_div" class="selected"></div>
          <div id="u244_text" class="text ">
            <p><span>全部</span></p>
          </div>
        </div>
      </div>

      <!-- 产品列表 (中继器) -->
      <div id="u245" class="ax_default" data-label="产品列表">
        <script id="u245_script" type="axure-repeater-template" data-label="产品列表">

          <!-- 列表容器 (动态面板) -->
          <div id="u246" class="ax_default u246" data-label="列表容器">
            <div id="u246_state0" class="panel_state u246_state0" data-label="State1" style="">
              <div id="u246_state0_content" class="panel_state_content u246_state0_content">

                <!-- bg (矩形) -->
                <div id="u247" class="ax_default _默认样式 u247" data-label="bg">
                  <div id="u247_div" class="u247_div"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248" class="ax_default _默认样式 u248" data-label="bnt">
                  <div id="u248_div" class="u248_div"></div>
                  <div id="u248_text" class="text u248_text">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249" class="ax_default _默认样式 u249" data-label="title">
                  <div id="u249_div" class="u249_div"></div>
                  <div id="u249_text" class="text u249_text">
                    <p><span>淘宝网</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250" class="ax_default _默认样式 u250" data-label="word">
                  <div id="u250_div" class="u250_div"></div>
                  <div id="u250_text" class="text u250_text">
                    <p><span>淘宝网创立于2003年，是以商务为导向的社交平台，通过大数据分析为消费者提供既有参与感又个性化的购物体验。在淘宝网上，消费者能够从商家处获取高度相关、具吸引力的内容…</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251" class="ax_default _默认样式 u251">
                  <div id="u251_div" class="u251_div"></div>
                  <div id="u251_text" class="text u251_text">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252" class="ax_default _默认样式 u252" data-label="url">
                  <div id="u252_div" class="u252_div"></div>
                  <div id="u252_text" class="text u252_text">
                    <p><span>www.taobao.com</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253" class="ax_default image u253">
                  <img id="u253_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254" class="ax_default _默认样式 u254" data-label="describe">
                  <div id="u254_div" class="u254_div"></div>
                  <div id="u254_text" class="text u254_text">
                    <p><span>中国最大的移动商务平台</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </script>
        <div id="u245-1" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-1" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-1_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-1_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-1" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-1_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-1" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-1_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-1_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span><a href="{% url 'gfyg:audio' audio.id %}">了解详情</a></span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-1" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-1_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-1_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-1" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-1_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-1_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-1" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-1_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-1_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-1" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-1_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-1_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-1" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-1_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-1" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-1_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-1_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-2" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-2" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-2_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-2_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-2" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-2_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-2" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-2_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-2_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-2" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-2_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-2_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-2" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-2_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-2_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-2" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-2_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-2_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-2" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-2_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-2_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-2" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-2_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-2" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-2_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-2_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-3" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-3" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-3_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-3_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-3" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-3_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-3" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-3_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-3_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-3" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-3_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-3_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-3" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-3_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-3_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-3" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-3_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-3_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-3" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-3_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-3_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-3" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-3_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-3" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-3_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-3_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-4" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-4" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-4_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-4_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-4" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-4_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-4" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-4_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-4_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-4" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-4_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-4_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-4" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-4_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-4_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-4" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-4_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-4_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-4" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-4_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-4_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-4" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-4_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-4" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-4_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-4_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-5" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-5" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-5_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-5_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-5" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-5_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-5" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-5_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-5_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-5" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-5_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-5_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-5" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-5_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-5_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-5" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-5_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-5_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-5" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-5_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-5_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-5" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-5_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-5" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-5_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-5_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-6" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-6" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-6_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-6_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-6" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-6_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-6" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-6_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-6_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-6" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-6_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-6_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-6" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-6_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-6_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-6" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-6_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-6_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-6" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-6_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-6_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-6" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-6_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-6" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-6_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-6_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-7" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-7" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-7_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-7_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-7" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-7_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-7" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-7_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-7_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-7" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-7_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-7_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-7" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-7_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-7_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-7" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-7_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-7_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-7" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-7_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-7_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-7" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-7_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-7" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-7_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-7_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-8" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-8" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-8_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-8_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-8" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-8_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-8" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-8_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-8_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-8" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-8_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-8_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-8" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-8_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-8_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-8" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-8_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-8_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-8" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-8_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-8_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-8" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-8_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-8" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-8_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-8_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-9" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-9" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-9_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-9_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-9" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-9_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-9" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-9_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-9_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-9" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-9_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-9_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-9" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-9_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-9_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-9" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-9_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-9_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-9" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-9_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-9_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-9" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-9_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-9" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-9_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-9_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-10" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-10" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-10_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-10_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-10" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-10_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-10" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-10_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-10_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-10" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-10_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-10_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-10" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-10_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-10_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-10" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-10_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-10_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-10" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-10_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-10_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-10" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-10_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-10" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-10_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-10_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-11" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-11" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-11_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-11_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-11" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-11_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-11" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-11_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-11_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-11" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-11_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-11_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-11" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-11_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-11_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-11" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-11_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-11_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-11" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-11_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-11_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-11" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-11_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-11" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-11_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-11_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u245-12" class="preeval" style="width: 385px; height: 408px;">

          <!-- 列表容器 (动态面板) -->
          <div id="u246-12" class="ax_default u246" data-label="列表容器" style="visibility: inherit">
            <div id="u246-12_state0" class="panel_state u246_state0" data-label="State1" style=" width: 385px; height: 408px;visibility: inherit">
              <div id="u246-12_state0_content" class="panel_state_content u246_state0_content" style="visibility: inherit">

                <!-- bg (矩形) -->
                <div id="u247-12" class="ax_default _默认样式 u247" data-label="bg" style="width: 385px; height: 408px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u247-12_div" class="u247_div" style="width: 385px; height: 408px;visibility: inherit"></div>
                </div>

                <!-- bnt (矩形) -->
                <div id="u248-12" class="ax_default _默认样式 u248" data-label="bnt" style="width: 90px; height: 35px; left: 274px; top: 358px;visibility: inherit">
                  <div id="u248-12_div" class="u248_div" style="width: 90px; height: 35px;visibility: inherit"></div>
                  <div id="u248-12_text" class="text u248_text" style="position: absolute;left: 0px;top: 6px;width: 90px;visibility: inherit">
                    <p><span>了解详情</span></p>
                  </div>
                </div>

                <!-- title (矩形) -->
                <div id="u249-12" class="ax_default _默认样式 u249" data-label="title" style="width: 385px; height: 40px; left: 0px; top: 211px;visibility: inherit">
                  <div id="u249-12_div" class="u249_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u249-12_text" class="text u249_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>国风雅歌zoeing</span></p>
                  </div>
                </div>

                <!-- word (矩形) -->
                <div id="u250-12" class="ax_default _默认样式 u250" data-label="word" style="width: 385px; height: 94px; left: 0px; top: 252px;visibility: inherit">
                  <div id="u250-12_div" class="u250_div" style="width: 385px; height: 94px;visibility: inherit"></div>
                  <div id="u250-12_text" class="text u250_text" style="position: absolute;left: 20px;top: 10px;width: 345px;visibility: inherit">
                    <p><span>2017年8月，奥地利政府邀请范竞马和琥珀四重奏前往维也纳举行“国风雅歌”专场音乐会。</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u251-12" class="ax_default _默认样式 u251" style="width: 385px; height: 202px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u251-12_div" class="u251_div" style="width: 385px; height: 202px;visibility: inherit"></div>
                  <div id="u251-12_text" class="text u251_text" style="position: absolute;left: 0px;top: 70px;width: 385px;visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- url (矩形) -->
                <div id="u252-12" class="ax_default _默认样式 u252" data-label="url" style="width: 159px; height: 40px; left: 45px; top: 358px;visibility: inherit">
                  <div id="u252-12_div" class="u252_div" style="width: 159px; height: 40px;visibility: inherit"></div>
                  <div id="u252-12_text" class="text u252_text" style="position: absolute;left: 0px;top: 12px;width: 159px;visibility: inherit">
                    <p><span>&nbsp;http://press.ccnu.edu.cn</span></p>
                  </div>
                </div>

                <!-- Unnamed (SVG) -->
                <div id="u253-12" class="ax_default image u253" style="width: 24px; height: 24px; left: 15px; top: 366px;visibility: inherit">
                  <img id="u253-12_img" class="img u253_img" src="{% static 'images/u70.svg' %}"/>
                </div>

                <!-- describe (矩形) -->
                <div id="u254-12" class="ax_default _默认样式 u254" data-label="describe" style="width: 385px; height: 40px; left: 0px; top: 136px;visibility: inherit">
                  <div id="u254-12_div" class="u254_div" style="width: 385px; height: 40px;visibility: inherit"></div>
                  <div id="u254-12_text" class="text u254_text" style="position: absolute;left: 0px;top: 8px;width: 385px;visibility: inherit">
                    <p><span>国风雅歌歌曲欣赏——《问》</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (分页插件) -->

      <!-- Unnamed (群组 ) -->
      <div id="u256" class="ax_default" data-left="0" data-top="0" data-width="360" data-height="35">

        <!-- Unnamed (矩形) -->
        <div id="u257" class="ax_default _默认样式 selected">
          <div id="u257_div" class="selected"></div>
          <div id="u257_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u258" class="ax_default _默认样式">
          <div id="u258_div" class=""></div>
          <div id="u258_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u259" class="ax_default _默认样式">
          <div id="u259_div" class=""></div>
          <div id="u259_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u260" class="ax_default _默认样式">
          <div id="u260_div" class=""></div>
          <div id="u260_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u261" class="ax_default _默认样式 disabled">
          <div id="u261_div" class="disabled"></div>
          <div id="u261_text" class="text ">
            <p><span style="font-family:'FontAwesome';font-weight:400;"> 上</span><span style="font-family:'微软雅黑';font-weight:400;">一页</span><span style="font-family:'FontAwesome';font-weight:400;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u262" class="ax_default _默认样式">
          <div id="u262_div" class=""></div>
          <div id="u262_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">下一页</span><span style="font-family:'FontAwesome';font-weight:400;"> </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u263" class="ax_default _默认样式">
          <div id="u263_div" class=""></div>
          <div id="u263_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>
    </div>
</body>


{% endblock content %}